<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>测试</title>
    <link rel="stylesheet" type="text/css" href="index.css" />
    <link rel="stylesheet" href="./layui/css/layui.css" />
    <script type="text/javascript" src="index.js"></script>
    <script type="text/javascript" src="./layui/layui.js"></script>
    <script>
        // 初始化layui
        layui.use(['layer', 'form'], function () {
            var layer = layui.layer,
                form = layui.form,
                element = layui.element,
                nav = layui.nav;
        })
    </script>
</head>

<body>
    <h1 class="test1">hello world</h1>
    <div class=top></div>
    <div class="left"></div>
    <div class="right"></div>
    测试
    <!--垂直导航栏-->
    <ul class="layui-nav layui-nav-tree" lay-filter="navtest">
        <li class="layui-nav-item layui-nav-itemed">
            <a href="javascript:;">默认展开</a>
            <dl class="layui-nav-child">
                <dd><a href="javascript:;">选项1</a></dd>
                <dd><a href="#">跳转</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;">解决方案</a>
            <dl class="layui-nav-child">
                <dd><a href="">移动模块</a></dd>
                <dd><a href="">后台模版</a></dd>
                <dd><a href="">电商平台</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item"><a href="">产品</a></li>
        <li class="layui-nav-item"><a href="">大数据</a></li>

    </ul>
</body>

</html>